<template>
  <div id="app" style="width:100%;height:100%;">
      <router-view></router-view>
      <!-- <Login></Login> -->
      <!-- <dialogExample></dialogExample><br>
      <tooltipExample></tooltipExample><br>
      <popoverExample></popoverExample><br>
      <popconfirmExample></popconfirmExample><br>
      <cardExample></cardExample><br>
      <carouselExample></carouselExample><br>
      <collapseExample></collapseExample><br>
      <timelineExample></timelineExample><br>
      <dividerExample></dividerExample><br>
      <calendarExample></calendarExample><br>
      <imageExample></imageExample><br>
      <backtopExample></backtopExample><br>
      <infiniteExample></infiniteExample><br>
      <drawerExample></drawerExample><br>
      <switchExample></switchExample><br> -->
      <!-- <iconExample></iconExample> -->
  </div>
</template>

<script>
//import '@/assets/list.css' //把css写在assets文件夹下 然后在此处引用全局

//import HelloWorld from './components/HelloWorld.vue'
// import Login from './views/Login'
// import dialogExample from './ElementUIExample/dialogExample'
// import tooltipExample from './ElementUIExample/tooltipExample'
// import popoverExample from './ElementUIExample/popoverExample'
// import popconfirmExample from './ElementUIExample/popconfirmExample'
// import cardExample from './ElementUIExample/cardExample'
// import carouselExample from './ElementUIExample/carouselExample'
// import CollapseExample from './ElementUIExample/collapseExample'
// import timelineExample from './ElementUIExample/timelineExample'
// import dividerExample from './ElementUIExample/dividerExample'
// import calendarExample from './ElementUIExample/calendarExample'
// import imageExample from './ElementUIExample/imageExample'
// import backtopExample from './ElementUIExample/backtopExample'
// import infiniteExample from './ElementUIExample/infiniteExample'
// import drawerExample from './ElementUIExample/drawerExample'
// import switchExample from './ElementUIExample/switchExample.vue'
// import iconExample from './ElementUIExample/iconExample.vue'

export default {
  name: 'App',
  components: {
    //HelloWorld
    // Login
    // dialogExample,
    // tooltipExample,
    // popoverExample,
    // popconfirmExample,
    // cardExample,
    // carouselExample,
    // CollapseExample,
    // timelineExample,
    // dividerExample,
    // calendarExample,
    // imageExample,
    // backtopExample,
    // infiniteExample,
    // drawerExample,
    // switchExample,
    // iconExample
  },
  data(){
    return {
      
    }
  },
  methods:{

  },
  created(){

  },
  mounted(){

  }
}
</script>

<style>
html,body{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}


/* .app1{
  background:url('/image/test.png');
  height: 300px;
} */
</style>
